<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<html>
    <head>
   		<title>WebPizza Administracion</title>
    </head>
    <style type="text/css">
    	body {font-family: Verdana; font-size: 10pt;}
    </style>
    <f:view>
        <body>
          	<h:graphicImage value="/images/Pizza-75.png"/> 
		    <h:graphicImage value="/images/webpizza.png"/> 
		    <h:graphicImage value="/images/Pizza-75.png"/> 
			<h1> WebPizza Administraci&oacute;n </h1>
			<hr />
             
           <h:dataTable value="#{ListUsers.users}" var="users" style="border: 1px solid black;">
            <h:column>
           		<f:facet name="header">
           			<h:outputText value="Nombre de usuario"/>
           		</f:facet>
           		<h:outputText value="#{users.username}"/>
           	</h:column>
           	<h:column>
           		<f:facet name="header">
           			<h:outputText value="Password"/>
           		</f:facet>
           		<h:outputText value="#{users.password}"/>
           	</h:column>           	
           	<h:column>
           		<f:facet name="header">
           			<h:outputText value="Nombre"/>
           		</f:facet>
           		<h:outputText value="#{users.firstName}"/>
           	</h:column>
           	<h:column>
           		<f:facet name="header">
           			<h:outputText value="Apellido"/>
           		</f:facet>
           		<h:outputText value="#{users.lastName}"/>
           	</h:column>
           	<h:column>
           		<f:facet name="header">
           			<h:outputText value="Activo"/>
           		</f:facet>
           		<h:outputText value="#{users.active}"/>
           	</h:column>
           	<h:column>
           		<f:facet name="header">
           			<h:outputText value="Dirección"/>
           		</f:facet>
           		<h:outputText value="#{users.address}"/>
           	</h:column>
           	<h:column>
           		<f:facet name="header">
           			<h:outputText value="Teléfono"/>
           		</f:facet>
           		<h:outputText value="#{users.phone}"/>
           	</h:column>
           	<h:column>
           		<f:facet name="header">
           			<h:outputText value="Fecha de creación"/>
           		</f:facet>
           		<h:outputText value="#{users.created}"/>
           	</h:column>           	
           	<h:column>
           		<f:facet name="header">
           			<h:outputText value="Fecha de modificación"/>
           		</f:facet>
           		<h:outputText value="#{users.modified}"/>
           	</h:column>
           </h:dataTable> 
        </body>
    </f:view>
</html>